
button{
	background-color: transparent;
	border: none;
	outline: none;
	margin: 0;
	padding: 0;
	border-radius: 0;
	line-height: inherit;
}
button::after{
	background-color: transparent;
	border: none;
	outline: none;
	margin: 0;
	padding: 0;
	border-radius: 0;
	line-height: inherit;
}

/* 字体 */
.font-Medium{
	font-family: 'Noto Sans SC-Medium';
}
.font-Regular{
	font-family: 'Noto Sans SC-Regular';
}

/* 字体颜色 */
.c-w{color: #ffffff;}
.c-b{color: #000000;}
.c-333333{color: #333333;}
.c-666666{color: #666666;}
.c-999999{color: #999999;}
.c-41416E{color: #41416E;}
.c-486c22{color: #486c22;}
.c-565656{color: #565656;}
.c-66768D{color: #66768D;}
.c-815010{color: #815010;}
.c-D61D1D{color: #D61D1D;}
.c-FF6227{color: #FF6227;}
.c-ffe7a7{color: #ffe7a7;}
.c-FFDEA4{color: #FFDEA4;}
.c-D6C8B3{color: #D6C8B3;}
.c-F6E9BA{color: #F6E9BA;}
.c-43B440{color: #43B440;}
.c-D92129{color: #D92129;}
.c-7C8597{color: #7C8597;}
.c-FEE334{color: #FEE334;}
.c-DF4023{color: #DF4023;}
.c-D9D9D9{color: #D9D9D9;}
.c-F2994A{color: #F2994A;}
.c-0BB26F{color: #0BB26F;}
.c-5D8FDE{color: #5D8FDE;}
.c-00C777{color: #00C777;}
.c-F6C120{color: #F6C120;}
.c-00AAFF{color: #00AAFF;}
.c-208BFF{color: #208BFF;}
.c-AC7A4A{color: #AC7A4A;}
.c-B1BCCF{color: #B1BCCF;}
.c-E23737{color: #E23737;}
.c-F6911B{color: #F6911B;}
.c-EB1B15{color: #EB1B15;}
.c-FB7975-EB1B15{
  background: linear-gradient(45deg, #FB7975 0%, #EB1B15 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* 字重 */
.bolder{font-weight: bolder;}
.lighter{font-weight: lighter;}

/* 文本对齐 */
.text-right{text-align: right;}
.text-center{text-align: center;}
.text-justify{text-align: justify;}
.vertical-middle{vertical-align: middle;}
.text-nowrap{white-space: nowrap;}
.text-wrap{white-space: wrap;}
.wordbreak{
	word-break:break-all;
	word-wrap:break-word;
}

.text-underline{text-decoration: underline;}
.text-linethrough{text-decoration: line-through;}

/* 行高 */
.lh30{line-height: 30rpx;}
.lh32{line-height: 32rpx;}
.lh34{line-height: 34rpx;}
.lh36{line-height: 36rpx;}
.lh37{line-height: 37rpx;}
.lh40{line-height: 40rpx;}
.lh44{line-height: 44rpx;}
.lh46{line-height: 46rpx;}
.lh50{line-height: 50rpx;}
.lh60{line-height: 60rpx;}
.lh70{line-height: 70rpx;}
.lh80{line-height: 80rpx;}
.lh88{line-height: 88rpx;}

/* 字号 */
.ft12{font-size: 12rpx;}
.ft14{font-size: 14rpx;}
.ft16{font-size: 16rpx;}
.ft18{font-size: 18rpx;}
.ft20{font-size: 20rpx;}
.ft22{font-size: 22rpx;}
.ft24{font-size: 24rpx;}
.ft26{font-size: 26rpx;}
.ft28{font-size: 28rpx;}
.ft30{font-size: 30rpx;}
.ft32{font-size: 32rpx;}
.ft34{font-size: 34rpx;}
.ft36{font-size: 36rpx;}
.ft38{font-size: 38rpx;}
.ft40{font-size: 40rpx;}
.ft42{font-size: 42rpx;}
.ft44{font-size: 44rpx;}
.ft46{font-size: 46rpx;}
.ft48{font-size: 48rpx;}
.ft50{font-size: 50rpx;}
.ft52{font-size: 52rpx;}
.ft54{font-size: 54rpx;}
.ft56{font-size: 56rpx;}
.ft58{font-size: 58rpx;}
.ft60{font-size: 60rpx;}

/*背景 */
.bg-b{background-color: #000000;}
.bg-w{background-color:#ffffff;}
.bg-333333{background-color: #333333;}
.bg-D61D1D{background-color:#D61D1D;}
.bg-D9D9D9{background-color:#D9D9D9;}
.bg-ECECF1{background-color: #ECECF1;}
.bg-E8E9F1{background-color: #E8E9F1;}
.bg-EEEEEE{background: #EEEEEE;}
.bg-41416E{background-color: #41416E;}
.bg-F1F1F1{background-color: #F1F1F1;}
.bg-F2F3F7{background-color: #F2F3F7;}
.bg-F5F5F5{background-color: #F5F5F5;}
.bg-F5F5F9{background-color: #F5F5F9;}
.bg-F6F6F6{background-color: #F6F6F6;}
.bg-F9F9F9{background-color: #F9F9F9;}
.bg-FFF0EA{background-color: #FFF0EA;}
.bg-DAF0D9{background-color: #DAF0D9;}
.bg-D92129{background-color: #D92129;}
.bg-FFE9DD{background-color: #FFE9DD;}
.bg-F3F3F3{background-color: #F3F3F3;}
.bg-FEE334{background-color: #FEE334;}
.bg-FEFAF6{background-color: #FEFAF6;}
.bg-61F6AF{background-color: #61F6AF;}
.bg-208BFF{background-color: #208BFF;}
.bg-F6911B{background-color: #F6911B;}
.bg-FDEBEB{background-color: #FDEBEB;}
.bg-E23737{background-color: #E23737;}
.bg-E9F4FF{background-color: #E9F4FF;}
.bg-b-per50{background: rgba(0,0,0,0.5);}
.bg-w-per50{background: rgba(255,255,255,0.5);}
.bg-FEE334-per10{background: rgba(254,227,52,0.1);}
.bg-FEE334-per20{background: rgba(254,227,52,0.2);}
.bg-5D8FDE-per20{background: rgba(93,143,222,0.2);}
.bg-0BB26F-per20{background: rgba(11,178,111,0.2);}
.bg-F2994A-per10{background: rgba(242,153,74,0.1);}
.bg-F2994A-per20{background: rgba(242,153,74,0.2);}
.bg-208BFF-per10{background: rgba(32, 139, 255,0.1);}
.bg-FEE334-FEC534{background: linear-gradient( 94deg, #FEE334 0%, rgba(254,197,52,0) 100%);}
.bg-FEE334-FFFFFF{background: linear-gradient( 170deg, rgba(254,227,52,0.15) 0rpx, rgba(255,255,255,0) 80rpx);}
.bg2-FEE334-FFFFFF{
	background: linear-gradient( 170deg, rgba(254,227,52,0.15) 0%, rgba(255,255,255,0) 100rpx);
	background-size: 100% 80rpx;
	background-repeat: no-repeat;
}
.bg-FEE334-FEC534-100{background: linear-gradient( 100deg, #FEE334 0%, #FEC534 100%);}
.bg-F2994A-FFFFFF{background: linear-gradient( 180deg, rgba(242,153,74,0.2) 0%, rgba(255,255,255,0.2) 100%);}
.bg-0BB26F-FFFFFF{background: linear-gradient( 180deg, rgba(11,178,111,0.15) 0%, rgba(255,255,255,0.2) 100%);}
.bg-DF4023-FFFFFF{background: linear-gradient( 180deg, rgba(223,64,35,0.15) 0%, rgba(255,255,255,0.2) 100%);}
.bg-FFFFFF-F5F5F5{background: linear-gradient( 180deg, #FFFFFF 0%, #FFFFFF 40%, #F5F5F5 55%);}
.bg-FFB054-FF8901{background: linear-gradient( 135deg, #FFB054 0%, #FF8901 100%);}
.bg-20C9FF-3D8CE1{background: linear-gradient( 90deg, #20C9FF 0%, #3D8CE1 100%);}
.bg-FCEDDA-FFF5E7{background: linear-gradient( 90deg, #FCEDDA 0%, #FFF5E7 100%);}

/* 边框线 */
.bor-w{border: 2rpx solid #ffffff;}
.bor-FF6227{border: 2rpx solid #FF6227;}
.bor-41416E{border: 2rpx solid #41416E;}
.borr-41416E{border-right: 2rpx solid #41416E;}
.bor2-41416E{border: 4rpx solid #41416E;}
.bor-F9F9F9{border: 2rpx solid #F9F9F9;}
.bor-F6F6F6{border: 2rpx solid #F6F6F6;}
.bor-F1F1F1{border: 2rpx solid #F1F1F1;}
.bort-F1F1F1{border-top: 2rpx solid #F1F1F1;}
.borb-F1F1F1{border-bottom: 2rpx solid #F1F1F1;}
.borr-F1F1F1{border-right: 2rpx solid #F1F1F1;}
.bor-CCCCCC{border: 2rpx solid #CCCCCC;}
.bor-DADADA{border: 2rpx solid #DADADA;}
.bor-D9D9D9{border: 2rpx solid #D9D9D9;}
.bor-B5C4D7{border: 2rpx solid #B5C4D7;}
.bor-FEE334{border: 2rpx solid #FEE334;}
.bor-7C8597{border: 2rpx solid #7C8597;}
.bor-F2994A{border: 2rpx solid #F2994A;}
.bor-333333{border: 2rpx solid #333333;}
.bor-999999{border: 2rpx solid #999999;}
.bor-208BFF{border: 2rpx solid #208BFF;}
.bor-EB1B15{border: 2rpx solid #EB1B15;}
.bor-F6911B{border: 2rpx solid #F6911B;}

/* 阴影 */
.shadow1{
	box-shadow: 0rpx 0rpx 6rpx 4rpx #ccc;
}
.outshadow{
	border: 16rpx solid;
	border-radius: 100%;
	border-image: linear-gradient(#41416E, #DFDFF2);
}
.shadow-208BFF{
	box-shadow: 0rpx 0rpx 4rpx 2rpx rgba(32, 139, 255,0.1);
}

/* 放大 */
.scale1_2{
	transform: scale(1.2);
}

/* 圆角 */
.br2{border-radius: 2rpx;}
.br4{border-radius: 4rpx;}
.br8{border-radius: 8rpx;}
.brr8{border-radius: 0rpx 8rpx 8rpx 0rpx ;}
.br10{border-radius: 10rpx;}
.br12{border-radius: 12rpx;}
.br16{border-radius: 16rpx;}
.brt16{border-radius: 16rpx 16rpx 0rpx 0rpx;}
.brb16{border-radius: 0rpx 0rpx 16rpx 16rpx;}
.br20{border-radius: 20rpx;}
.br26{border-radius: 26rpx;}
.brl26{border-radius: 26rpx 0rpx 0rpx 26rpx;}
.brr26{border-radius: 0rpx 26rpx 26rpx 0rpx;}
.br30{border-radius: 30rpx;}
.br32{border-radius: 32rpx;}
.brt32{border-radius: 32rpx 32rpx 0rpx 0rpx;}
.brb32{border-radius: 0rpx 0rpx 32rpx 32rpx;}
.br35{border-radius: 35rpx;}
.br40{border-radius: 40rpx;}
.br44{border-radius: 44rpx;}
.br50{border-radius: 50rpx;}
.br66{border-radius: 66rpx;}
.br100{border-radius: 100rpx;}
.br-per100{border-radius: 100%;}

/* padding */
.p4{padding: 4rpx;}
.p6{padding: 6rpx;}
.p10{padding: 10rpx;}
.p20{padding: 20rpx;}
.p26{padding: 26rpx;}
.p30{padding: 30rpx;}
.p32{padding: 32rpx;}
.p40{padding: 40rpx;}

.px4{
	padding-left: 4rpx;
	padding-right: 4rpx;
}
.px6{
	padding-left: 6rpx;
	padding-right: 6rpx;
}
.px8{
	padding-left: 8rpx;
	padding-right: 8rpx;
}
.px10{
	padding-left: 10rpx;
	padding-right: 10rpx;
}
.px12{
	padding-left: 12rpx;
	padding-right: 12rpx;
}
.px14{
	padding-left: 14rpx;
	padding-right: 14rpx;
}
.px16{
	padding-left: 16rpx;
	padding-right: 16rpx;
}
.px18{
	padding-left: 18rpx;
	padding-right: 18rpx;
}
.px20{
	padding-left: 20rpx;
	padding-right: 20rpx;
}
.px30{
	padding-left: 30rpx;
	padding-right: 30rpx;
}
.px32{
	padding-left: 32rpx;
	padding-right: 32rpx;
}
.px40{
	padding-left: 40rpx;
	padding-right: 40rpx;
}
.px48{
	padding-left: 48rpx;
	padding-right: 48rpx;
}
.px50{
	padding-left: 50rpx;
	padding-right: 50rpx;
}
.px60{
	padding-left: 60rpx;
	padding-right: 60rpx;
}
.px64{
	padding-left: 64rpx;
	padding-right: 64rpx;
}

.py2{
	padding-top: 2rpx;
	padding-bottom: 2rpx;
}
.py4{
	padding-top: 4rpx;
	padding-bottom: 4rpx;
}
.py5{
	padding-top: 5rpx;
	padding-bottom: 5rpx;
}
.py6{
	padding-top: 6rpx;
	padding-bottom: 6rpx;
}
.py8{
	padding-top: 8rpx;
	padding-bottom: 8rpx;
}
.py10{
	padding-top: 10rpx;
	padding-bottom: 10rpx;
}
.py12{
	padding-top: 12rpx;
	padding-bottom: 12rpx;
}
.py14{
	padding-top: 14rpx;
	padding-bottom: 14rpx;
}
.py16{
	padding-top: 16rpx;
	padding-bottom: 16rpx;
}
.py20{
	padding-top: 20rpx;
	padding-bottom: 20rpx;
}
.py24{
	padding-top: 24rpx;
	padding-bottom: 24rpx;
}
.py25{
	padding-top: 25rpx;
	padding-bottom: 25rpx;
}
.py30{
	padding-top: 30rpx;
	padding-bottom: 30rpx;
}
.py32{
	padding-top: 32rpx;
	padding-bottom: 32rpx;
}
.py36{
	padding-top: 36rpx;
	padding-bottom: 36rpx;
}
.py40{
	padding-top: 40rpx;
	padding-bottom: 40rpx;
}
.py50{
	padding-top: 50rpx;
	padding-bottom: 50rpx;
}

.px20y10{padding: 10rpx 20rpx;}
.px30y20{padding: 20rpx 30rpx;}

.pt10{padding-top: 10rpx;}
.pt16{padding-top: 16rpx;}
.pt20{padding-top: 20rpx;}
.pt26{padding-top: 26rpx;}
.pt30{padding-top: 30rpx;}
.pt32{padding-top: 32rpx;}
.pt36{padding-top: 36rpx;}
.pt40{padding-top: 40rpx;}
.pt60{padding-top: 60rpx;}
.pt64{padding-top: 64rpx;}
.pt88{padding-top: 88rpx;}
.pt112{padding-top: 112rpx;}
.pt176{padding-top: 176rpx;}
.pt190{padding-top: 190rpx;}

.pb12{padding-bottom: 12rpx;}
.pb20{padding-bottom: 20rpx;}
.pb22{padding-bottom: 22rpx;}
.pb24{padding-bottom: 24rpx;}
.pb30{padding-bottom: 30rpx;}
.pb40{padding-bottom: 40rpx;}
.pb80{padding-bottom: 80rpx;}
.pb96{padding-bottom: 96rpx;}
.pb100{padding-bottom: 100rpx;}
.pb120{padding-bottom: 120rpx;}
.pb150{padding-bottom: 150rpx;}
.pb180{padding-bottom: 180rpx;}
.pb200{padding-bottom: 200rpx;}
.pb210{padding-bottom: 210rpx;}
.pb240{padding-bottom: 240rpx;}
.pb258{padding-bottom: 258rpx;}
.pb280{padding-bottom: 280rpx;}
.pb300{padding-bottom: 300rpx;}
.pb320{padding-bottom: 320rpx;}

.pl4{padding-left: 4rpx;}
.pl8{padding-left: 8rpx;}
.pl10{padding-left: 10rpx;}
.pl18{padding-left: 18rpx;}
.pl20{padding-left: 20rpx;}
.pl30{padding-left: 30rpx;}
.pl32{padding-left: 32rpx;}
.pl104{padding-left: 104rpx;}

.pr10{padding-right: 10rpx;}
.pr12{padding-right: 12rpx;}
.pr18{padding-right: 18rpx;}
.pr20{padding-right: 20rpx;}
.pr30{padding-right: 30rpx;}
.pr32{padding-right: 32rpx;}
.pr50{padding-right: 50rpx;}

/* margin */
.m20{margin: 20rpx;}
.m30{margin: 30rpx;}

.mx10{
	margin-left: 10rpx;
	margin-right: 10rpx;
}
.mx12{
	margin-left: 12rpx;
	margin-right: 12rpx;
}
.mx20{
	margin-left: 20rpx;
	margin-right: 20rpx;
}
.mx24{
	margin-left: 24rpx;
	margin-right: 24rpx;
}
.mx30{
	margin-left: 30rpx;
	margin-right: 30rpx;
}
.mx32{
	margin-left: 32rpx;
	margin-right: 32px;
}
.mxauto{margin: 0rpx auto;}

.my20{
	margin-top: 20rpx;
	margin-bottom: 20rpx;
}

.mt_6{margin-top: -6rpx;}
.mt_8{margin-top: -8rpx;}
.mt_12{margin-top: -12rpx;}
.mt_20{margin-top: -20rpx;}
.mt_30{margin-top: -30rpx;}
.mt_32{margin-top: -32rpx;}
.mt_40{margin-top: -40rpx;}
.mt_50{margin-top: -50rpx;}
.mt_60{margin-top: -60rpx;}
.mt_72{margin-top: -72rpx;}
.mt_80{margin-top: -80rpx;}
.mt_90{margin-top: -90rpx;}
.mt_100{margin-top: -100rpx;}
.mt2{margin-top: 2rpx;}
.mt4{margin-top: 4rpx;}
.mt6{margin-top: 6rpx;}
.mt8{margin-top: 8rpx;}
.mt10{margin-top: 10rpx;}
.mt12{margin-top: 12rpx;}
.mt14{margin-top: 14rpx;}
.mt16{margin-top: 16rpx;}
.mt20{margin-top: 20rpx;}
.mt22{margin-top: 22rpx;}
.mt24{margin-top: 24rpx;}
.mt25{margin-top: 25rpx;}
.mt26{margin-top: 26rpx;}
.mt28{margin-top: 28rpx;}
.mt30{margin-top: 30rpx;}
.mt32{margin-top: 32rpx;}
.mt34{margin-top: 34rpx;}
.mt38{margin-top: 38rpx;}
.mt40{margin-top: 40rpx;}
.mt42{margin-top: 42rpx;}
.mt50{margin-top: 50rpx;}
.mt56{margin-top: 56rpx;}
.mt60{margin-top: 60rpx;}
.mt70{margin-top: 70rpx;}
.mt80{margin-top: 80rpx;}
.mt84{margin-top: 84rpx;}
.mt88{margin-top: 88rpx;}
.mt100{margin-top: 100rpx;}
.mt110{margin-top: 110rpx;}
.mt120{margin-top: 120rpx;}
.mt126{margin-top: 126rpx;}
.mt130{margin-top: 130rpx;}
.mt140{margin-top: 140rpx;}
.mt154{margin-top: 154rpx;}
.mt162{margin-top: 162rpx;}
.mt176{margin-top: 176rpx;}
.mt180{margin-top: 180rpx;}
.mt200{margin-top: 200rpx;}
.mt220{margin-top: 220rpx;}
.mt224{margin-top: 224rpx;}
.mt240{margin-top: 240rpx;}
.mt300{margin-top: 300rpx;}
.mt600{margin-top: 600rpx;}
.mt10vh{margin-top: 10vh;}
.mt20vh{margin-top: 20vh;}
.mt30vh{margin-top: 30vh;}
.mt40vh{margin-top: 40vh;}
.mt50vh{margin-top: 50vh;}
.mt60vh{margin-top: 60vh;}

.mb4{margin-bottom: 4rpx;}
.mb8{margin-bottom: 8rpx;}
.mb10{margin-bottom: 10rpx;}
.mb16{margin-bottom: 16rpx;}
.mb20{margin-bottom: 20rpx;}
.mb32{margin-bottom: 32rpx;}
.mb40{margin-bottom: 40rpx;}
.mb180{margin-bottom: 180rpx;}

.ml4{margin-left: 4rpx;}
.ml6{margin-left: 6rpx;}
.ml8{margin-left: 8rpx;}
.ml10{margin-left: 10rpx;}
.ml12{margin-left: 12rpx;}
.ml16{margin-left: 16rpx;}
.ml18{margin-left: 18rpx;}
.ml20{margin-left: 20rpx;}
.ml28{margin-left: 28rpx;}
.ml30{margin-left: 30rpx;}
.ml32{margin-left: 32rpx;}
.ml40{margin-left: 40rpx;}
.ml50{margin-left: 50rpx;}
.ml54{margin-left: 54rpx;}
.ml60{margin-left: 60rpx;}
.ml62{margin-left: 62rpx;}
.ml70{margin-left: 70rpx;}
.ml74{margin-left: 74rpx;}
.ml80{margin-left: 80rpx;}
.ml84{margin-left: 84rpx;}
.ml90{margin-left: 90rpx;}
.ml100{margin-left: 100rpx;}
.ml136{margin-left: 136rpx;}
.ml160{margin-left: 160rpx;}
.ml200{margin-left: 200rpx;}

.mr10{margin-right: 10rpx;}
.mr12{margin-right: 12rpx;}
.mr20{margin-right: 20rpx;}
.mr22{margin-right: 22rpx;}
.mr30{margin-right: 30rpx;}
.mr32{margin-right: 32rpx;}
.mr40{margin-right: 40rpx;}
.mr50{margin-right: 50rpx;}
.mr60{margin-right: 60rpx;}
.mr70{margin-right: 70rpx;}
.mr80{margin-right: 80rpx;}
.mr90{margin-right: 90rpx;}
.mr100{margin-right: 100rpx;}
.mr120{margin-right: 120rpx;}
.mr140{margin-right: 140rpx;}
.mr160{margin-right: 160rpx;}

/* 宽高 */
.wh16{
	width: 16rpx;
	height: 16rpx;
}
.wh20{
	width: 20rpx;
	height: 20rpx;
}
.wh28{
  width: 28rpx;
  height: 28rpx;
}
.wh32{
  width: 32rpx;
  height: 32rpx;
}
.wh36{
  width: 36rpx;
  height: 36rpx;
}
.wh38{
  width: 38rpx;
  height: 38rpx;
}
.wh40{
  width: 40rpx;
  height: 40rpx;
}
.wh44{
  width: 44rpx;
  height: 44rpx;
}
.wh48{
  width: 48rpx;
  height: 48rpx;
}
.wh50{
  width: 50rpx;
  height: 50rpx;
}
.wh52{
  width: 52rpx;
  height: 52rpx;
}
.wh60{
  width: 60rpx;
  height: 60rpx;
}
.wh64{
  width: 64rpx;
  height: 64rpx;
}
.wh70{
  width: 70rpx;
  height: 70rpx;
}
.wh72{
  width: 72rpx;
  height: 72rpx;
}
.wh76{
  width: 76rpx;
  height: 76rpx;
}
.wh80{
  width: 80rpx;
  height: 80rpx;
}
.wh84{
  width: 84rpx;
  height: 84rpx;
}
.wh88{
  width: 88rpx;
  height: 88rpx;
}
.wh90{
  width: 90rpx;
  height: 90rpx;
}
.wh100{
  width: 100rpx;
  height: 100rpx;
}
.wh110{
  width: 110rpx;
  height: 110rpx;
}
.wh120{
  width: 120rpx;
  height: 120rpx;
}
.wh132{
  width: 132rpx;
  height: 132rpx;
}
.wh160{
  width: 160rpx;
  height: 160rpx;
}
.wh180{
  width: 180rpx;
  height: 180rpx;
}
.wh200{
  width: 200rpx;
  height: 200rpx;
}
.wh202{
  width: 202rpx;
  height: 202rpx;
}
.wh210{
  width: 210rpx;
  height: 210rpx;
}
.wh240{
  width: 240rpx;
  height: 240rpx;
}
.wh280{
  width: 280rpx;
  height: 280rpx;
}
.wh300{
  width: 300rpx;
  height: 300rpx;
}
.wh320{
  width: 320rpx;
  height: 320rpx;
}
.wh360{
  width: 360rpx;
  height: 360rpx;
}
.wh328{
  width: 328rpx;
  height: 328rpx;
}
.wh400{
	width: 400rpx;
	height: 400rpx;
}
.wh440{
	width: 440rpx;
	height: 440rpx;
}
.wh500{
	width: 500rpx;
	height: 500rpx;
}
/* 宽度100%，高等于宽，成正方形 */
.square-img {
  width: 100%; /* 宽度为100% */
  padding-bottom: 100%; /* padding-bottom与width相同，形成正方形 */
  position: relative; /* 定位属性 */
}
.square-img .son_img {
    position: absolute; /* 图片绝对定位 */
    top: 0; /* 顶部对齐 */
    left: 0; /* 左侧对齐 */
    width: 100%; /* 图片宽度100% */
    height: 100%; /* 图片高度100% */
    object-fit: cover; /* 确保图片覆盖整个容器，可以根据需要选择其他值，比如'contain' */
  }

.w32{width: 32rpx;}
.w38{width: 38rpx;}
.w72{width: 72rpx;}
.w84{width: 84rpx;}
.w88{width: 88rpx;}
.minw90{min-width: 90rpx;}
.w92{width: 92rpx;}
.w100{width: 100rpx;}
.w104{width: 104rpx;}
.w108{width: 108rpx;}
.w110{width: 110rpx;}
.w120{width: 120rpx;}
.minw120{min-width: 120rpx;}
.w132{width: 132rpx;}
.w140{width: 140rpx;}
.minw140{min-width: 140rpx;}
.w150{width: 150rpx;}
.w152{width: 152rpx;}
.minw152{min-width: 152rpx;}
.w154{width: 154rpx;}
.w156{width: 156rpx;}
.minw156{min-width: 156rpx;}
.w160{width: 160rpx;}
.w164{width: 164rpx;}
.w168{width: 168rpx;}
.w180{width: 180rpx;}
.w184{width: 184rpx;}
.w200{width: 200rpx;}
.minw200{min-width: 200rpx;}
.w210{width: 210rpx;}
.w214{width: 214rpx;}
.minw214{min-width: 214rpx;}
.w216{width: 216rpx;}
.w220{width: 220rpx;}
.w222{width: 222rpx;}
.w230{width: 230rpx;}
.w240{width: 240rpx;}
.w260{width: 260rpx;}
.w280{width: 280rpx;}
.w300{width: 300rpx;}
.w315{width: 315rpx;}
.w320{width: 320rpx;}
.w328{width: 328rpx;}
.w440{width: 440rpx;}
.w500{width: 500rpx;}
.w520{width: 520rpx;}
.w546{width: 546rpx;}
.w-fitcontent{width: fit-content;}
.maxw-per100{max-width: 100%;}
.maxw-per80{max-width: 80%;}
.maxw-per60{max-width: 60%;}
.vw100{width: 100vw;}
.vw80{width: 80vw;}
.vw60{width: 60vw;}
.vw50{width: 50vw;}
.vw40{width: 40vw;}
.vw25{width: 25vw;}
.vw19{width: 19vw;}
.vw18{width: 18vw;}

.h6{height: 6rpx;}
.h16{height: 16rpx;}
.h20{height: 20rpx;}
.h26{height: 26rpx;}
.h28{height: 28rpx;}
.h30{height: 30rpx;}
.h32{height: 32rpx;}
.h36{height: 36rpx;}
.h40{height: 40rpx;}
.h44{height: 44rpx;}
.h50{height: 50rpx;}
.h52{height: 52rpx;}
.h58{height: 58rpx;}
.h60{height: 60rpx;}
.h64{height: 64rpx;}
.h70{height: 70rpx;}
.h80{height: 80rpx;}
.h88{height: 88rpx;}
.h90{height: 90rpx;}
.h100{height: 100rpx;}
.h110{height: 110rpx;}
.h112{height: 112rpx;}
.h116{height: 116rpx;}
.h120{height: 120rpx;}
.h126{height: 126rpx;}
.h132{height: 132rpx;}
.h140{height: 140rpx;}
.h176{height: 176rpx;}
.h180{height: 180rpx;}
.h190{height: 190rpx;}
.h200{height: 200rpx;}
.h220{height: 220rpx;}
.h224{height: 224rpx;}
.h240{height: 240rpx;}
.h280{height: 280rpx;}
.h300{height: 300rpx;}
.h304{height: 304rpx;}
.h332{height: 332rpx;}
.h340{height: 340rpx;}
.h360{height: 360rpx;}
.h400{height: 400rpx;}
.h440{height: 440rpx;}
.h480{height: 480rpx;}
.h500{height: 500rpx;}
.h540{height: 540rpx;}
.h600{height: 600rpx;}
.h920{height: 920rpx;}
.minh88{min-height: 88rpx;}
.minh200{min-height: 200rpx;}
.minh600{min-height: 600rpx;}
.minh40vh{min-height: 40vh;}
.minh50vh{min-height: 50vh;}
.minh60vh{min-height: 60vh;}
.h70vh{height: 70vh;}
.minh70vh{min-height: 70vh;}
.minh80vh{min-height: 80vh;}
.minh100vh{min-height: 100vh;}
.h100vw{height: 100vw;}
.maxh210{max-height: 210rpx;}
.maxh360{max-height: 360rpx;}
.maxvh70{max-height: 70vh;}
.maxvh60{max-height: 60vh;}
.maxvh50{max-height: 50vh;}
.vh45{height: 45vh;}
.vh40{height: 40vh;}
.vh50{height: 50vh;}
.vh60{height: 60vh;}
.vh100{height: 100vh;}
.vh110{height: 110vh;}
.maxvh35{max-height: 35vh;}
.maxvh30{max-height: 30vh;}

.h141vw{
	height: 141vw;
}
.minh141vw{
	min-height: 141vw;
}
.h210vw{
	height: 210vw;
}
.vh50{height: 50vh;}
.vh60{height: 60vh;}
.vh80{height: 80vh;}
.vh100{height: 100vh;}

.a4w{
	width: calc(100vw - 80rpx);
}
.a4h{
	height: calc(141vw - 80rpx);
}
.mina4h{
	min-height: calc(141vw - 80rpx);
}

/* 百分比 */
.w-per100{width: 100%;}
.w-per100-60{width: calc(100% - 60rpx);}
.w-per90{width: 90%;}
.w-per85{width: 85%;}
.w-per80{width: 80%;}
.w-per70{width: 70%;}
.w-per68{width: 68%;}
.w-per60{width: 60%;}
.w-per58{width: 58%;}
.w-per56{width: 56%;}
.w-per50{width: 50%;}
.w-per48{width: 48%;}
.w-per45{width: 45%;}
.w-per40{width: 40%;}
.w-per33{width: calc(100% / 3);}
.w-per31_5{width: 31.5%;}
.w-per30{width: 30%;}
.w-per25{width: 25%;}
.w-per20{width: 20%;}
.w-per12{width: 12.5%;}
.w-per10{width: 10%;}

.h-per45{height: 45%;}
.h-per50{height: 50%;}
.h-per70{height: 70%;}
.h-per80{height: 80%;}
.h-per90{height: 90%;}
.h-per100{height: 100%;}

/* flex */
.flex{display: flex;}
.row{
  display: flex;
  flex-direction: row;
}
.column{
  display: flex;
  flex-direction: column;
}
.j-start{justify-content: flex-start;}
.j-end{justify-content: flex-end;}
.j-center{justify-content: center;}
.j-sb{justify-content: space-between;}
.j-se{justify-content: space-evenly;}
.j-sa{justify-content: space-around;}
.a-start{align-items: flex-start;}
.a-end{align-items: flex-end;}
.a-center{align-items: center;}
.flex-center{
  justify-content: center;
  align-items: center;
}
.wrap{flex-wrap: wrap;}
.nowrap{flex-wrap: nowrap;}
.flex1{flex:1;}

/* 定位 */
.relative{position: relative;}
.absolute{position: absolute;}
.fixed{position: fixed;}
.top0{top: 0;}
.top12{top: 12rpx;}
.top20{top: 20rpx;}
.top32{top: 32rpx;}
.top88{top: 88rpx;}
.top120{top: 120rpx;}
.top132{top: 132rpx;}
.top140{top: 140rpx;}
.top-per50{top: 50%;}
.bottom0{bottom: 0;}
.bottom5vh{bottom: 5vh;}
.bottom20{bottom: 20rpx;}
.left0{left: 0;}
.left30{left: 30rpx;}
.left-per50{left: 50%;}
.right0{right: 0;}
.right12{right: 12rpx;}
.right20{right: 20rpx;}
.z-index-1{z-index: -1;}
.z-index1{z-index: 1;}
.z-index10{z-index: 10;}
.z-index100{z-index: 100;}
.z-index1000{z-index: 1000;}

/* transform */
.traX-50{transform: translateX(-50%);}
.traY-50{transform: translateY(-50%);}
.tra-50{transform: translate(-50% -50%);}

/* transition */
.transition0_3{transition: all 0.3s linear;}
.transition0_4{transition: all 0.4s linear;}
.transition0_5{transition: all 0.5s linear;}
.transition1{transition: all 1s linear;}

/* 超出 */
.over-s{overflow: scroll;}
.overX-s{overflow-x: scroll;}
.overY-s{overflow-y: scroll;}
.over-h{overflow: hidden;}

/* 多行显示隐藏 */
.text1{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.text2{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.text3{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}
.text4{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
}
.text5{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  text-overflow: ellipsis;
}
.text6{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  overflow: hidden;
  text-overflow: ellipsis;
}

.line-w{
	width: 0rpx;
	border-left: 2rpx solid #fff;
}
.line-black-bolder{
	width: 100%;
	height: 0rpx;
	border-bottom: 4rpx solid #333333;
}
.line-black-nomal{
	width: 100%;
	height: 0rpx;
	border-bottom: 2rpx solid #333333;
}
.line-F1F1F1{
	width: 0rpx;
	border-left: 2rpx solid #F1F1F1;
}
.line-D9D9D9{
	width: 0rpx;
	border-left: 2rpx solid #D9D9D9;
}
.line-999999{
	width: 0rpx;
	border-left: 2rpx solid #999999;
}
.line-61F6AF{
	width: 6rpx;
	height: 28rpx;
	background: #61F6AF;
	border-radius: 3rpx;
}

.avatar-wrapper {
	padding: 0;
	width: 80rpx !important;
	border-radius: 100%;
}
.avatar {
	display: block;
	width: 80rpx;
	height: 80rpx;
}